<template>
  <div id="personInfo">
    <el-row>
      <el-col :span="4">
        <div class="div_border_title">
          <h2>套餐使用情况</h2>
        </div>
      </el-col>
    </el-row>
    <div class="packageDetial">
      <el-row>
        <el-col :span="6">
          <span>原价:</span>
          <span>剩余次数/天数:</span>
          <span>计费项名称：</span>
          <span>折扣：</span>
          <span>计费方式：</span>
          <span>现价：</span>
        </el-col>
        <el-col :span="6">

        </el-col>
        <el-col :span="6">

        </el-col>
        <el-col :span="6">

        </el-col>
      </el-row>
    </div>
    <el-form :model="packageData" label-width="120px" class="form-box">
      <el-row>
        <el-col :span="12" calss="form-left">
          <el-form-item label="套餐描述：" prop="service_item_description">
            <el-input v-model="packageData.service_item_description" size="small"></el-input>
          </el-form-item>
          <el-form-item label="套餐开始时间：" prop="start_date">
            <el-input v-model="packageData.start_date" placeholder="请选择" style="width: 100%;" size="small">
            </el-input>
          </el-form-item>
          <el-form-item label="剩余次数/天数：" prop="left_frequency">
            <el-input v-model="packageData.left_frequency" size="small" style="width: 100%;">
            </el-input>
          </el-form-item>
          <el-form-item label="计费项名称：" prop="billing_items_title">
            <el-input v-model="packageData.billing_items_title" size="small" style="width: 100%;">
            </el-input>
          </el-form-item>
          <el-form-item label="折扣：" prop="service_item_discount">
            <el-input v-model="packageData.service_item_discount" size="small" style="width: 100%;">
            </el-input>
          </el-form-item>
          <el-form-item label="现价：" prop="current_price">
            <el-input v-model="packageData.current_price" style="width: 100%;" size="small"></el-input>
          </el-form-item>
          <el-form-item label="计费方式：" prop="billing_method_type">
            <el-input v-model="packageData.billing_method_type" style="width: 100%;" size="small"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="12" calss="form-right">
          <el-form-item label="服务项描述：" prop="service_item_description">
            <el-input v-model="packageData.service_item_description" style="width: 100%;" size="small"></el-input>
          </el-form-item>
          <el-form-item label="套餐结束时间：" prop="end_date">
            <el-input v-model="packageData.end_date" style="width: 100%;" size="small"></el-input>
          </el-form-item>
          <el-form-item label="使用状态：" prop="use_state">
            <el-input v-model="packageData.use_state" :options="placeList" style="width: 100%" :props="prop"></el-input>
          </el-form-item>
          <el-form-item label="服务项名称：" prop="service_type_title">
            <el-input v-model="packageData.service_type_title" size="small" style="width: 100%;">
            </el-input>
          </el-form-item>
          <el-form-item label="计费项用户类型：" prop="user_group">
            <el-input v-model="packageData.user_group" size="small" style="width: 100%;">
            </el-input>
          </el-form-item>
          <el-form-item label="原价：" prop="origin_price">
            <el-input v-model="packageData.origin_price" style="width: 100%"></el-input>
          </el-form-item>
          <el-form-item label="天数/次数：" prop="frequency">
            <el-input v-model="packageData.frequency" style="width: 100%;" size="small"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-form-item label="服务项描述：" prop="service_item_description">
        <el-input type="textarea" v-model="packageData.service_item_description"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
  export default {
    name: 'personInfo',
    data () {
      return {}
    },
    created () {

    },
    method: {},
  }
</script>
